<template>
	<view class="content">
		<uni-list>
			<uni-list-item note="列表文字" title="列表文字" link="navigateTo" to=""></uni-list-item>
			<uni-list-item thumb="../../static/user.png" thumbSize="sm" title="列表禁用状态" link to="">
			</uni-list-item>
			<uni-list-item thumb="../../static/user.png" thumbSize="base" title="列表文字" note="列表描述信息" link
				to=""></uni-list-item>
			<uni-list-item thumb="../../static/user.png" thumbSize="lg" title="列表文字" note="列表禁用状态" link
				to=""></uni-list-item>
			<uni-list-item thumb="../../static/user.png" thumbSize="lg" note="列表文字" title="列表右侧显示角标" :show-badge="true"
				badge-text="12" link to="">
			</uni-list-item>
			<uni-list-item title="列表右侧显示 switch" note="列表信息" :show-switch="true" @switchChange="switchChange">
			</uni-list-item>
			<uni-list-item title="列表左侧带略缩图" note="列表描述信息"
				thumb="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png"
				thumbSize="base" rightText="右侧文字" link to=""></uni-list-item>
		</uni-list>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

			switchChange(e) {
				console.log(e)
			}

		}
	}
</script>

<style scoped lang="scss">
	.content {
		width: 750rpx;
		height: 750rpx;



	}
</style>
